import {
    PixelRatio
} from 'react-native'
import Dimensions from 'Dimensions'
import pxToDp from './pxToDp'
//通用样式
var css={
    flexRow:{
        flexDirection:'row'
    },
    redColor:{
        color:'red'
    },
    fontBold:{
        fontWeight:'bold'
    },
    center:{
        alignItems:'center',
        justifyContent:'center'
    },
    tc:{
        textAlign:'center'
    },
    bgc:{
        backgroundColor:'rgba(255,0,0,0.2)'
    },
    windowWidth:{
      width:Dimensions.get('window').width
    },
    windowHeight:{
      height:Dimensions.get('window').height
    },
    windowFull:{
      width:Dimensions.get('window').width,
      height:Dimensions.get('window').height
  	},
}
console.log(Dimensions.get('window'))
for(var i=1;i<=750;i++){
    // 间距样式
    css['margin'+i]={
        marginTop:pxToDp(i),
        marginBottom:pxToDp(i),
        marginLeft:pxToDp(i),
        marginRight:pxToDp(i)
    };
    css['mt'+i]={
        marginTop:pxToDp(i)
    };
    css['mb'+i]={
        marginBottom:pxToDp(i)
    };
    css['ml'+i]={
        marginLeft:pxToDp(i)
    };
    css['mr'+i]={
        marginRight:pxToDp(i)
    };
    css['padding'+i]={
        paddingTop:pxToDp(i),
        paddingBottom:pxToDp(i),
        paddingLeft:pxToDp(i),
        paddingRight:pxToDp(i)
    };
    css['pt'+i]={
        paddingTop:pxToDp(i)
    };
    css['pb'+i]={
        paddingBottom:pxToDp(i)
    };
    css['pl'+i]={
        paddingLeft:pxToDp(i)
    };
    css['pr'+i]={
        paddingRight:pxToDp(i)
    };
	css['left'+i]={
		left:i
	}
	css['right'+i]={
		right:i
	}
	css['top'+i]={
		top:i
	}
	css['bottom'+i]={
		bottom:i
	}
    // 字体大小
    css['font'+i]={
        fontSize:i
    };
    // 宽高
    css['width'+i]={
        width:pxToDp(i)
    };
    css['height'+i]={
        height:pxToDp(i)
    };
    // flex占比
    css['flex'+i]={
        flex:i
    };
    // 边框
    css['border'+i]={
        borderTopWidth:pxToDp(i)/PixelRatio.get(),
        borderBottomWidth:pxToDp(i)/PixelRatio.get(),
        borderLeftWidth:pxToDp(i)/PixelRatio.get(),
        borderRightWidth:pxToDp(i)/PixelRatio.get(),
        borderColor:'#ccc',
    };
    //
    css['borderRadius'+i]={
        borderRadius:pxToDp(i)
    }
}
module.exports=css;
